.jrsq-big {
  height: 100vh;
  width: 100%;
  background: #172236;
  color: #ffffff;
  padding: 20px 40px 0 40px;

  .T0 {
    top: 0;
    width: 100%;
  }

  .title {
    font-size: 46px;
    font-weight: bold;

    .dot {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #ffffff;
      display: inline-block;
      margin: 0 20px;
    }
  }

  .total {
    display: flex;
    margin: 10px 0;

    div {
      flex: 1;
      height: 130px;
      line-height: 130px;
      margin-right: 20px;
      display: flex;

      .name {
        font-size: 40px;
        padding: 0 20px;
      }

      .value {
        font-size: 64px;

        position: relative;
        overflow-y: hidden;

        .inner-wrap {
          color: #FFC900;
          position: absolute;
          width: 100%;
          flex-direction: column;
        }

        .update {
          animation: moveup 5s 1;
          top: -100%;
          width: 100%;
        }
      }
    }

    div:last-child {
      margin-right: 0;
    }

    .gq {
      background: linear-gradient(0deg, rgba(10, 182, 254, 1), rgba(78, 52, 241, 1));
    }

    .hx {
      background: linear-gradient(0deg, rgba(42, 241, 156, 1), rgba(1, 137, 176, 1));
    }

    .hd {
      background: linear-gradient(0deg, rgba(28, 100, 230, 1), rgba(1, 211, 255, 1));
    }
  }

  .divider {
    width: 100%;
    margin: 30px auto;
    height: 8px;
    background: linear-gradient(-18deg, rgba(132, 245, 222, 1), rgba(86, 232, 242, 1), rgba(77, 198, 248, 1));
  }

  .data-list {
    display: flex;

    .sec {
      flex: 1;
      margin-right: 30px;

      .cell {
        height: 100px;
        line-height: 100px;
        font-weight: bold;
        display: flex;
        font-size: 40px;

        .name {
          padding: 0 30px;
          width: 260px;
        }
        .value {
          flex: 1;
          text-align: center;

          position: relative;
          overflow-y: hidden;

          .inner-wrap {
            color: #FFC900;
            position: absolute;
            width: 100%;
            flex-direction: column;
          }

          .update {
            animation: moveup 5s 1;
            top: -100%;
            width: 100%;
          }
        }
      }

      .cell:nth-child(2n) {
        background: #4060AA;
      }

      .cell:nth-child(2n+1) {
        background: #5D84B8;
      }
    }

    .sec:last-child {
      margin-right: 0;
    }
  }

  @keyframes moveup {
    from {
      top: 0;
    }
    to {
      top: -100%;
    }
  }

}

